﻿<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>Lịch làm việc</title>
    <meta content="IE=edge,chrome=1" http-equiv="X-UA-Compatible" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link rel="stylesheet" type="text/css" href="lib/bootstrap3/dist/css/bootstrap.css" />
    <link rel="stylesheet" href="lib/FontAwesome/css/font-awesome.css" />
    <script src="lib/jquery-1.7.2.min.js" type="text/javascript"></script>
    <script src="javascripts/site.js" type="text/javascript"></script>
    <link rel="stylesheet" type="text/css" href="stylesheets/theme.css" />
    <link rel="stylesheet" type="text/css" href="stylesheets/site.css" />
    <link href="lib/datepicker/css/datepicker.css" rel="stylesheet" />

    <!-- __________________________note calendar______________________________ -->
    <link rel='stylesheet' type='text/css' href='lib/fullcalendar-1.5.3/fullcalendar/fullcalendar.css' />
    <link rel='stylesheet' type='text/css' href='lib/fullcalendar-1.5.3/fullcalendar/fullcalendar.print.css' media='print' />
    <script type='text/javascript' src='lib/fullcalendar-1.5.3/fullcalendar/fullcalendar.min.js'></script>
    <!-- _______________________________________________________________________ -->
    <script type="text/javascript" src="lib/DataTables-1.9.4/media/js/jquery.dataTables.min.js"></script>
    <script type="text/javascript" src="lib/DataTables-1.9.4/media/js/jquery.dataTables.bootstrap.js"></script>

    <script type="text/javascript">
    </script>
    <!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
    <!--[if lt IE 9]>
      <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->
    <!-- Le fav and touch icons -->
    <!--<link rel="shortcut icon" href="http://www.portnine.com/Themes/assets/ico/favicon.ico">
    <link rel="apple-touch-icon-precomposed" sizes="144x144" href="../assets/ico/apple-touch-icon-144-precomposed.html">
    <link rel="apple-touch-icon-precomposed" sizes="114x114" href="../assets/ico/apple-touch-icon-114-precomposed.html">
    <link rel="apple-touch-icon-precomposed" sizes="72x72" href="../assets/ico/apple-touch-icon-72-precomposed.html">
    <link rel="apple-touch-icon-precomposed" href="../assets/ico/apple-touch-icon-57-precomposed.html">-->
</head>
<body>
    <div class="full-height-div">
        <div class="main-body">
            <div class="navbar navbar-inverse navbar-fixed-top top-nav">
                <div class="top-nav-left">
                    <img src="Images/top-nav-star.png" />
                </div>
                <div class="top-nav-right">
                    <a href="#">son@gmail.com</a>
                    <input type="button" value="button" class="btn btn-info" />
                    <div class="top-nav-dropdown">
                        <select>
                            <option value="1">California</option>
                            <option value="2">2</option>
                            <option value="3">3</option>
                            <option value="4">4</option>
                        </select>
                        <select>
                            <option value="1">California</option>
                            <option value="2">2</option>
                            <option value="3">3</option>
                            <option value="4">4</option>
                        </select>
                    </div>
                </div>
            </div>
            <div class="navbar-collapse">
                <div id="main-menu">
                    <ul class="nav nav-tabs">
                        <li class="active"><a href="#"><i class="icon-dashboard"></i><span>Dashboard</span></a></li>
                        <li><a href="#"><i class="icon-bar-chart"></i><span>Reports</span></a></li>
                        <li><a href="#"><i class="icon-cogs"></i><span>Components</span></a></li>
                        <li><a href="#"><i class="icon-magic"></i><span>Pricing</span></a></li>
                        <li class="dropdown">
                            <a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="icon-cog"></i>Settings <b class="caret"></b></a>
                            <ul class="dropdown-menu">
                                <li><a href="#"><span>Sign-in Page</span></a></li>
                                <li><a href="#"><span>Sign-up Page</span></a></li>
                                <li><a href="#"><span>Forgot Password Page</span></a></li>
                            </ul>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="col-xs-12 btn-hide-main-menu" id="btn_hide_main_menu"><a href="javascript:void(0)" onclick="toggleLeftMainMenu();"><span class="glyphicon glyphicon-resize-horizontal"></span></a></div>
            <div class="left-main-menu" id="left_main_menu">
                <div class="col-xs-12">
                    <a href="setting_trungtam.html">
                        <i class="icon-home"></i>
                        Home
                    </a>
                </div>
                <div class="col-xs-12">
                    <a href="lichlamviec.html">
                        <i class="glyphicon glyphicon-calendar"></i>
                        Lịch làm việc
                    </a>
                </div>
                <div class="col-xs-12">
                    <a href="overview.html">
                        <i class="icon-bar-chart"></i>
                        Overview
                    </a>
                </div>
                <div class="col-xs-12">
                    <a onclick="toggleMainMenuMember();" href="javascript:void(0)">
                        <i class="glyphicon glyphicon-user"></i>
                        Thành viên
                    </a>
                    <ul class="col-xs-12" id="main_menu_member">
                        <li>
                            <a href="member_nhanvien.html">
                                <i class="icon-briefcase"></i>
                                Giáo vụ (Nhân viên)
                            </a>
                        </li>
                        <li>
                            <a href="member_giaovien.html">
                                <i class="glyphicon glyphicon-lock"></i>
                                Giáo viên
                            </a>
                        </li>
                    </ul>
                </div>
                <div class="col-xs-12">
                    <a onclick="toggleMainMenuTuyenSinh();" href="javascript:void(0)">
                        <i class="glyphicon glyphicon-share"></i>
                        Tuyển sinh
                    </a>
                    <ul class="col-xs-12" id="main_menu_tuyen_sinh">
                        <li>
                            <a href="tuyensinh_chiendich.html">
                                <i class="glyphicon glyphicon-sort-by-attributes"></i>
                                Chiến dịch
                            </a>
                        </li>
                        <li>
                            <a href="tuyensinh_khachhang.html">
                                <i class="icon-briefcase"></i>
                                Khách hàng
                            </a>
                            <a href="khachhang_xeplich.html">
                                <i class="glyphicon glyphicon-calendar"></i>
                                Xếp lịch kiểm tra
                            </a>
                        </li>
                    </ul>
                </div>
                <div class="col-xs-12">
                    <a onclick="toggleMainMenuThuChi();" href="javascript:void(0)">
                        <i class="glyphicon glyphicon-usd"></i>
                        Thu chi (đóng tiền)
                    </a>
                    <ul class="col-xs-12" id="main_menu_thu_chi">
                        <li>
                            <a href="thuchi_tonghop.html">
                                <i class="glyphicon glyphicon-usd"></i>
                                Tổng hợp
                            </a>
                        </li>
                        <li>
                            <a href="thuchi_donghocphi.html">
                                <i class="icon-briefcase"></i>
                                Thu chi đóng học phí
                            </a>
                        </li>
                    </ul>
                </div>
                <div class="col-xs-12">
                    <a onclick="toggleMainMenuQuanLyHoc();" href="javascript:void(0)">
                        <i class="glyphicon glyphicon-share"></i>
                        Quản lý học
                    </a>
                    <ul class="col-xs-12" id="main_menu_quan_ly_hoc">
                        <li>
                            <a href="quanlyhoc_lophoc.html">
                                <i class="glyphicon glyphicon-gift"></i>
                                Lớp học
                            </a>
                        </li>
                    </ul>
                </div>
                <div class="col-xs-12">
                    <a href="hop_phu_huynh.html">
                        <i class="glyphicon glyphicon-link"></i>
                        Họp phụ huynh
                    </a>
                </div>
                <div class="col-xs-12">
                    <a onclick="toggleMainMenuSetting();" href="javascript:void(0)">
                        <i class="icon-cogs"></i>
                        Setting
                    </a>
                    <ul class="col-xs-12" id="main_menu_setting">
                        <li>
                            <a href="setting_chinhanh.html">
                                <i class="glyphicon glyphicon-tasks"></i>
                                Chi nhánh
                            </a>
                        </li>
                        <li>
                            <a href="setting_phonghoc.html">
                                <i class="glyphicon glyphicon-sound-dolby"></i>
                                Phòng học
                            </a>
                        </li>
                        <li>
                            <a href="setting_khoahoc.html">
                                <i class="glyphicon glyphicon-hdd"></i>
                                Khóa học
                            </a>
                        </li>
                        <li>
                            <a href="setting_lichhoc.html">
                                <i class="glyphicon glyphicon-calendar"></i>
                                Lịch học
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
            <!--___________________________________________________________________MAIN CONTENT_______________________________________--->
            <div class="main-content row" id="main_content">
                <script type='text/javascript'>

                    $(document).ready(function () {

                        var date = new Date();
                        var d = date.getDate();
                        var m = date.getMonth();
                        var y = date.getFullYear();

                        /*
                        Colors 
                        #54a0f6
                        #a93018
                        #90c654
                        #A97518
                        #41B3DF
                        */

                        $('#calendar').fullCalendar({
                            header: {
                                left: 'prev,next today',
                                center: 'title',
                                right: 'month,basicWeek,basicDay'
                            },
                            editable: true,
                            events: [
                                {
                                    title: 'All Day Event',
                                    start: new Date(y, m, 1),
                                    url: 'javascript:popup();',
                                    id: 'ok1',
                                    color: '#54a0f6'
                                },
                                {
                                    title: 'Long Event',
                                    start: new Date(y, m, d - 5),
                                    end: new Date(y, m, d - 2),
                                    url: 'javascript:popup();',
                                    color: '#a93018'
                                },
                                {
                                    id: 999,
                                    title: 'Repeating Event',
                                    start: new Date(y, m, d - 3, 16, 0),
                                    url: 'javascript:popup();',
                                    allDay: false,
                                    color: '#41B3DF'
                                },
                                {
                                    id: 999,
                                    title: 'Repeating Event',
                                    start: new Date(y, m, d + 4, 16, 0),
                                    url: 'javascript:popup();',
                                    allDay: false,
                                    color: '#A97518'
                                },
                                {
                                    title: 'Meeting',
                                    start: new Date(y, m, d, 10, 30),
                                    url: 'javascript:popup();',
                                    allDay: false,
                                    color: '#54a0f6'
                                },
                                {
                                    title: 'Lunch',
                                    start: new Date(y, m, d, 12, 0),
                                    end: new Date(y, m, d, 14, 0),
                                    url: 'javascript:popup();',
                                    allDay: false,
                                    color: '#90c654'
                                },
                                {
                                    title: 'Birthday Party',
                                    start: new Date(y, m, d + 1, 19, 0),
                                    end: new Date(y, m, d + 1, 22, 30),
                                    url: 'javascript:popup();',
                                    allDay: false,
                                    color: '#54a0f6'
                                },
                                {
                                    title: 'Click for Google',
                                    start: new Date(y, m, 28),
                                    end: new Date(y, m, 29),
                                    url: 'http://google.com/',
                                    color: '#54a0f6'
                                }
                            ]
                        });

                    });

                </script>
                <div class="col-xs-12 note-calendar">
                    <p>Lịch làm việc</p>
                    <div class="container">
                        <div id="calendar"></div>
                    </div>
                </div>
            </div>
            <!--____________________________________________________popup form___________________________________________________-->
            <div class="col-xs-12 popup-lich" id="popup_lich">
                <p>Popup form comtrol</p>
                <form class="form-horizontal" role="form">
                    <div class="form-group">
                        <label for="input1" class="col-xs-3 control-label"><font color="#FF0000">*</font>Textbox 1</label>
                        <div class="col-xs-5">
                            <input type="text" class="form-control" id="input1">
                        </div>
                        <span class="col-xs-4 control-label span-input-error">Invalid input</span>
                        <span class="col-xs-4 control-label span-input-success">Input success</span>
                    </div>
                    <div class="form-group">
                        <label for="input2" class="col-xs-3 control-label"><font color="#FF0000">*</font>Textbox 2</label>
                        <div class="col-xs-5">
                            <input type="text" class="form-control" id="input2">
                        </div>
                        <span class="col-xs-4 control-label span-input-error">Invalid input</span>
                        <span class="col-xs-4 control-label span-input-success">Input success</span>
                    </div>
                </form>
            </div>
        </div>
    </div>
    <footer>
    </footer>
    <script src="lib/bootstrap3/dist/js/bootstrap.js"></script>
    <script src="lib/datepicker/js/bootstrap-datepicker.js"></script>
    <script src="javascripts/main.js" type="text/javascript"></script>
</body>
</html>


